<template>
  <div>
    <p v-if="score >= 60">及格</p>
    <hr />
    <p v-if="score >= 60">及格</p>
    <p v-else>不及格</p>
    <hr />
    <p v-if="score < 60">不及格</p>
    <p v-else-if="score < 80">及格</p>
    <p v-else>优秀</p>
    <hr />
    <p>{{ score >= 60 ? "及格" : "不及格" }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      score: 70,
    };
  },
};
</script>

<style scoped></style>
